<template>
  <div class="h-100p">
    <el-menu :default-active="activeIndex" router mode="horizontal" class="bdr-top-10">
      <el-menu-item index="/transaction/order/fixed-price">一口价</el-menu-item>
      <el-menu-item index="/transaction/order/bidding">竞价</el-menu-item>
    </el-menu>
    <router-view class="bdr-bottom-10 fx-1"></router-view>
  </div>
</template>

<script lang="ts">
  import {Vue,Component} from 'vue-property-decorator'

  @Component
  export default class Order extends Vue {
    get activeIndex () {
      return this.$route.path
    }
  }
</script>

<style lang="less" scoped>
  .h-100p {
    display: flex;
    flex-direction: column;
  }

</style>
